// 1, 生成随机验证码
$('#sc').html(setVC()).click(function () {
    $('#sc').html(setVC())
})


$('[name="name"]').change(function () {
    // 发送 ajax请求 验证账号是不是重复
    // 调用 async封装的函数程序
    userNameAuthentication();
})


// 用户名密码等等输入后，提示信息自动消失
$('[name="name"]').on('input', function () {
    $('.name-error').hide()
    $('[name="result"]').html('')
})

$('[name="password"]').on('input', function () {
    $('.pwd-error').hide()
    $('[name="result"]').html('')
})

$('[name="confirm-password"]').on('input', function () {
    $('.confirm-pwd-error').hide()
    $('[name="result"]').html('')
})

$('[name="vc"]').on('input', function () {
    $('.vc-error').hide()
    $('[name="result"]').html('')
})



// 验证账号是不是重复
async function userNameAuthentication() {
    let name = $('[name="name"]').val() //用户名

    const res = await myPromiseAjax('../server/goods_select.php', 'post', {
        userName: name
    }, 'json')
    // console.log(res)

    if (res.result !== 1) {
        console.log('用户名已存在')
        $('.name-error').html('用户名已存在')
    } else {
        $('.name-error').html('用户名可用')
    }
    $('.name-error').show()

}


$('[name="reg"]').click(function () {
    // 调用 async 封装的函数 执行注册操作
    setRegister();
    // $('#sc').html(setVC())
})

async function setRegister() {
    let name = $('[name="name"]').val().trim() //用户名
    let password = $('[name="password"]').val().trim() //密码
    let confirm_password = $('[name="confirm-password"]').val().trim() //密码
    let vc = $('[name="vc"]').val().trim() //验证码
    console.log(vc)
    let vc2 = $('#sc').html();


    // 非空验证
    if (!name) {
        $('.name-error').html('请输入用户名')
        $('.name-error').show()
        $('#sc').html(setVC());
        return
    }
    if (!password) {
        $('.pwd-error').html('请输入密码')
        $('.pwd-error').show()
        $('#sc').html(setVC());
        return
    }
    if (!confirm_password) {
        $('.confirm-pwd-error').html('请再次输入密码')
        $('.confirm-pwd-error').show()
        $('#sc').html(setVC());
        return
    }
    if (!vc) {
        $('.vc-error').html('请输入验证码')
        $('.vc-error').show()
        $('#sc').html(setVC());
        return
    }


    if (password !== confirm_password) {
        $('.confirm-pwd-error').html('两次密码不一致')
        $('.confirm-pwd-error').show()
        // 重置验证码
        $('#sc').html(setVC());
        return
    }

    if (vc !== vc2) {
        $('.vc-error').html('验证码输入错误')
        $('.vc-error').show()
        // 重置验证码
        $('#sc').html(setVC());
        return
    }

    // 发送请求
    const res = await myPromiseAjax('../server/goods_reg.php', 'post', {
        userName: name,
        userPwd: password
    }, 'json')

    if (res.result !== 1) {
        console.log('注册失败')
        $('[name="result"]').html('注册失败,用户名已存在')
    } else {
        // 注册成功 5秒跳转效果
        $('[name="result"]').html('注册成功,5秒跳转登录页面，<a href="../pages/login.html">点击跳转登录页</a>');

        let num = 5;
        let time = setInterval(function () {
            num--;
            $('[name="result"]').html(`注册成功,${num}秒跳转登录页面，<a href="../pages/login.html">点击跳转登录页</a>`);

            if (num === 1) {
                clearInterval(time);
                // 记录从注册页跳到登录页
                window.localStorage.setItem('url', 'reg')
                // 跳转至登录页
                window.location.href = '../pages/login.html';
            }

        }, 1000)

    }
    $('[name="result"]').show()
}


